<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
	<meta name="format-detection" content="telephone=no"/>  
	<title>雷鸟官方网站</title>
	<link rel="stylesheet" href="common/css/common.css" />	
	<link rel="stylesheet" href="common/css/widget/amazeui.swiper.min.css">
	<link rel="stylesheet" type="text/css" href="common/css/product_details.css"/>
	<script src="common/js/init.js"></script>
</head>
<body>
<!-- product-details start -->
<div class="product-details">
	<div class="pro-tab clear">
		<ul>
			<li><a href="#">概述</a></li>
			<li><a href="#">内容</a></li>
			<li><a href="#">设计</a></li>
			<li><a href="#">屏幕</a></li>
			<li><a href="#">音质</a></li>
			<li><a href="#">性能</a></li>
			<li><a href="#">UI</a></li>
			<li><a href="#">参数</a></li>
		</ul>
	</div>
	<div class="pro-tabcon">
		<div class="tabcon-item" style="display:;">
			<div class="text1 tc">
				<p class="name">雷鸟电视 55英寸</p>
				<p class="feature">三星/LG真4K屏 全金属轻薄机身 互联网电视</p>
				<p class="price"><em class="unit">￥</em>2999</p>
			</div>
			<div class="img">
				<img src="common/img/temp/brief01.jpg" />
			</div>
			<div class="img">
				<img src="common/img/temp/brief02.jpg" />
			</div>
			<div class="img">
				<img src="common/img/temp/brief03.jpg" />
			</div>
			<div class="img">
				<img src="common/img/temp/brief04.jpg" />
			</div>
			<div class="img">
				<img src="common/img/temp/brief05.jpg" />
			</div>
			<div class="img">
				<img src="common/img/temp/brief06.jpg" />
			</div>
			<div class="img">
				<img src="common/img/temp/brief07.jpg" />
			</div>
			<div class="img">
				<img src="common/img/temp/brief08.jpg" />
			</div>
			<div class="more">
				<a href="#">继续了解内容></a>
			</div>
		</div>
		<div class="tabcon-item" style="display:none;">
			<div class="img">
				<img src="common/img/temp/screen01.jpg" />
			</div>
			<div class="img">
				<img src="common/img/temp/screen02.jpg" />
			</div>
			<div class="img">
				<img src="common/img/temp/screen03.jpg" />
			</div>
			<div class="img">
				<img src="common/img/temp/screen04.jpg" />
			</div>
			<div class="img">
				<img src="common/img/temp/screen05.jpg" />
			</div>
			<div class="more">
				<a href="#">继续了解内容></a>
			</div>
		</div>
	</div>
	<div class="btn-bottom">
		<a href="#">立即购买</a>
	</div>
</div>
<!-- product-details end -->
</body>
<script type="text/javascript" src="common/js/jquery.min.js"></script>   
<script type="text/javascript" src="common/js/swiper3.1.0.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
	/*tab菜单选项控制*/
	$('.pro-tab a').each(function(index){
		$(this).click(function(){
			$('.pro-tab a').removeClass('on');
			$(this).addClass('on');
			$('.tabcon-item').hide().eq(index).show();
		})
	});
});
</script>
</html>